<template>
    <div class="flex flex-wrap items-center justify-center h-screen">
        <el-empty class="w-full" description="没有权限" :image="NotPermission" :image-size="512" />
        <el-button type="primary" plain :icon="ArrowBack" @click="backPreviousStep">返回上一步</el-button>
        <el-button type="primary" plain :icon="Home" @click="backHomePageEvent">返回首页</el-button>
    </div>
</template>

<script setup lang="ts">
import NotPermission from '@assets/img/common/notpermission.png';
import { ArrowBack, Home } from '@vicons/tabler';

const router = useRouter();

// 返回上一步
const backPreviousStep = () => router.go(-1);

const backHomePageEvent = () => {
    router.replace('/');
};
</script>

<style></style>
